@CHARSET "ISO-8859-1";
/*function alarm css*/
<!-- css popup waring devices-->
	#id_host_center_top{
			background:#E5E5E5;
			height:30px;
			width: auto;
	}
	#id_host_center_top ul{
		background:#E5E5E5;
		
	}
	#id_master_center_top li{
		display: inline-block;
	}
	#id_host_center_top ul li {
	  height:30px;
	  font: bold 12px/18px sans-serif;
	  display: inline-block;
	  margin-right: -4px;
	  position: relative;
	  padding: 10px 15px;
	  background: #E5E5E5;
	  cursor: pointer;
	  -webkit-transition: all 0.2s;
	  -moz-transition: all 0.2s;
	  -ms-transition: all 0.2s;
	  -o-transition: all 0.2s;
	  transition: all 0.2s;
	}
	#id_host_center_top ul li:hover {
	  background: #808080;
	  color: #fff;
	}
	#id_host_center_top ul li ul {
	  padding: 0;
	  position: absolute;
	  top: auto;
	  left: auto;
	  width: 150px;
	  -webkit-box-shadow: none;
	  -moz-box-shadow: none;
	  box-shadow: none;
	  display: none;
	  opacity: 0;
	  visibility: hidden;
	  -webkit-transiton: opacity 0.2s;
	  -moz-transition: opacity 0.2s;
	  -ms-transition: opacity 0.2s;
	  -o-transition: opacity 0.2s;
	  -transition: opacity 0.2s;
	}
	#id_host_center_top ul li ul li { 
	  background: #808080; 
	  display: block; 
	  color: #fff;
	  text-shadow: 0 -1px 0 #000;
	  font-size: 12;
	  opacity: .85;
	  
	}
	#id_host_center_top ul li ul li:hover { background: #666; }
	#id_host_center_top ul li:hover ul {
	  display: block;
	  opacity: 1;
	  visibility: visible;
	}
	#id_host_center_top a{
		color: white;
		text-decoration: none;
	}
	
	#id_host_center_top a:hover {
		text-decoration: underline;
		color: white;
	}
	#id_host_center_top li{
		display: inline-block;
	}
	<!-- Ket thuc css warning devies>
	
	/* css host load filter*/
		#id_alarm_center_top{
			padding-top:10px;
			float: left;
		}
		.cls_alarm_color_up{
			background-color:YellowGreen;
			width:40px;
			border:1px solid #0FF;
			color: white;
		} 
		.cls_table_menu{
			background-color:#B0C4DE;
			width:60px;
			height :25px;
			padding:5px;
			border:1px solid #000000;
			color: white;
		} 
		.cls_alarm_color_down{
			background-color:#FA8072;
			width:40px;
			border:1px solid #0FF;
		}
		.cls_alarm_color_pause{
			background-color:#FF0;
			width:40px;
			border:1px solid #0FF;
		}
		.cls_alarm_color_normal{
			background-color:#FFF;
			width:40px;
			border:1px solid #0FF;
		}
		
		.cls_alarm_color_unknow{
			background-color:#FAF0E6;
			width:40px;
			border:1px solid #0FF;
		}
		/*mau cua cac trang thai*/
		.mautrangthaiUnk{
			background-color:#FAF0E6;
		}
		.mautrangthaiUnknow1{
			background-color:PowderBlue;
		}
		.mautrangthaiPause{
			background-color: FAFD9E;
		}
		.mautrangthaiNomal{
			background-color: Snow;
		}
		.mautrangthaiUnknow{
			background-color: Gold;
		}
		.mautrangthaiDown{
			background-color: FA8072;
		}
		.mautrangthaiUp{
			background-color: YellowGreen;
		}
	
		.mautrangthaivuaDown {
		    height:50x;
		    width:100%;
		    background: Salmon;
			animation: fading 1.5s infinite;
		   -webkit-animation: fading 1.5s infinite;
		}	
		@keyframes fading {
		    33% { background: Salmon; }
		    66%  { background: white; }
		}
		
		@-webkit-keyframes fading {
		    33% { background: Salmon; }
		    66%  { background: white; }
		}
		<!-- mau table setting-->
		.xanhdam{
			background-color: #B0E0E6;
		}
		.xanhlot{
			background-color: #F8F8FF;
		}
		.xanhhong{
			background-color: #F5F5DC;
		}
		.countdown_time{
			margin-left:20px;
			padding-top:10px;
			}
		#countdown_time1{
		float: left;
		}
		#countdown_time2{
		float: left;
		padding-left:5px;
		}
		#countdown_time3{
		float: right;
		}
		#countdown_time4{
		padding-left:5px;
		}
		#Timerefresh0{
		float: left;
		}
		#Timerefresh{
		float: left;
		padding-left: 80px;
		}
		#Timerefresh2{
		padding-left: 80px;
		}
		.action_pause{
			float:right;
			height:25px;
			width:50px;
			margin-top:5px;
			margin-right:20px;
			}
		.action_cancel{
			float:right;
			height:25px;
			width:100px;
			margin-top:5px;
			margin-right:10px;
			}
		.action{
			float:right;
			height:25px;
			width:50px;
			margin-top:10px;
			margin-right:24px;
		}
		#id_report_alarm{
		background-color:#E5E5E5;
		height:80px;
		width: auto;
		}